<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格结构标签</title>
</head>
<body>
    <table border="1">
        <thead>
            <tr>
                <th>姓名</th>
                <th>语文</th>
                <th>数学</th>
                <th>总分</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>李四</td>
                <td>83</td>
                <td>87</td>
                <td>170</td>
            </tr>
            <tr>
                <td>张三</td>
                <td>89</td>
                <td>91</td>
                <td>180</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>69</td>
                <td>81</td>
                <td>150</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>总结</td>
                <td>全校第一</td>
                <td>全校第一</td>
                <td>全校第一</td>
            </tr>
        </tfoot>    
    </table>
</body>
</html>
<!-- thead：表格头部，tbody：表格主体，tfoot：表格底部 -->
 <!-- 表格头部标签作用：用表格结构标签把内容划分区域，让表格结构更清晰，语义更清晰（相对于浏览器来说）我们自己看不出来什么效果的 -->